<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        /* div{
            font-size: 28px;
        } */


        /* .father{
            font-size: 40px;
        } */

        /* 在真实开发中，通常是给body设置fs */
        body{
            font-size: 16px;
        }
    </style>
</head>
<body>
    <!-- 
        CSS中的属性有100多个，我们需要掌握也就20多个。
        这些属性，我们是分好类的：
            1）字体设置相关
            2）文本设置相关
            3）盒子模型设置相关
            4）浮动布局设置相关
            5）层布局设置相关
            6）列表设置相关
            7）表格设置相关
            8）其它

        字体设置相关：
            font-size：设置字体大小  
                font-size: 18px;
                font-size: 50%;    是父元素fs的50%    基本上不用
                谷歌浏览器默认字体大小是16px;

                一个网页中最最常用的字体大小，要么是12px，要么是14px。

                font-size有继承性。就是对父元素设置了某些属性，子元素也可以起作用。
     -->

     <div>我是一个DIV</div>

     <div class="father">
         Father
         <div class="son">
             SON
         </div>
     </div>
</body>
</html>